<!-- 管理员:课程考核管理-成绩管理-不及格人员查询:查看历年成绩查询；学员:课程考核管理:不及格人员查询 -->
<template><div style="width:100% !important;">
  <el-row type="flex" align="bottom">
  <el-col :span=22>
  <el-form label-suffix=":" label-width="100px">
    <el-row>
      <el-col :span="4"><el-form-item label="学期">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="培养层次">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="修习类型">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="学　　号">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="学员姓名">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="学 员 队">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
    </el-row>
    <el-row>
      <el-col :span="4"><el-form-item label="年级">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="专业班次">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="课程名称">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="课程编号">
          <el-select
            v-model="queryForm.semester" size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in semesterArray"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="查看期中不及格人员" label-width="1" class="el-form-item-0">
          <el-input size="mini" placeholder="请输入" />
      </el-form-item></el-col>
      <el-col :span="4"><el-form-item label="查看总评不及格人员" label-width="1" class="el-form-item-0">
          <el-input size="mini" placeholder="请输入" />
      </el-form-item></el-col>
    </el-row>
  </el-form>
  </el-col><el-col :span=2 style="padding:0 0 1vh 0;">
    <div style="text-align:right;padding:5px 0;"><el-button size="mini" type="primary" icon="el-icon-search">查询</el-button></div>
  </el-col>
  </el-row>
  <div style="margin:20px 0;">
        <el-table
          :data="tableData"
          border
          class="xpaas-table-class"
          row-class-name="xpaas-row-class"
          cell-class-name="xpaas-cell-class"
          header-row-class-name="xpaas-header-row-class"
          header-cell-class-name="xpaas-header-cell-class"
        >
          <el-table-column prop="guideitemrank" label="学期" align="center"></el-table-column>
          <el-table-column prop="guideitemname" label="年级" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="专业班次" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="课程编号" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="课程名称" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="修习类型" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="学号" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="姓名" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="课下作业成绩" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="课堂测评成绩" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="期中考试成绩" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="课终考核成绩" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="补考成绩" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="第二次补考成绩" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="总评成绩" align="center"></el-table-column>
          <el-table-column prop="guideitemrank" label="备注" align="center"></el-table-column>
        </el-table>
  </div>
  <div style="margin: 0 0 20px 0;">
        <download-excel style="display: inline-block;"
          :data="tableData"
          :fields="jsonFields"
          type="xls"
          name="教材库信息.xls"
        ><button type="button" class="el-button el-button--warning el-button--mini is-plain xpaas-export-button">
        <i class="xpaas-icon-export"></i><span>导出 Excel</span></button></download-excel>
  </div>
        <div class="search-result-desc-panel">
          <span>共找到 {{ searchResultPagin.totalCount }} 条记录，当前显示 {{
          (searchResultPagin.totalCount > 0) ? ((searchResultPagin.currentPage - 1) * searchResultPagin.perpageCount + 1) : (0)
          }} - {{
          (searchResultPagin.totalCount > 0) ? (searchResultPagin.currentPage * searchResultPagin.perpageCount) : (0)
          }} 条记录。</span>
        </div>
        <div class="search-result-pagin-panel">
          <el-pagination
            @size-change="onPerpageSizeChangeHandler"
            @current-change="onCurrentPageNoChangeHandler"
            :current-page="searchResultPagin.currentPage"
            :page-sizes="[10, 20, 30, 50]"
            :page-size="searchResultPagin.perpageCount"
            layout="total, sizes, prev, pager, next, jumper"
            :total="searchResultPagin.totalCount">
          </el-pagination>
        </div>
</div></template>
<script>

export default {
  data() {
    return {
      semesterArray: [{label: '2021下', value: '2021下'},{label: '2022上', value: '2022上'}],
      queryForm: {
        semester: ''
      },
      tableData: [{}],
      searchResultPagin: {
        totalCount: 1000,
        perpageCount: 10,
        currentPage: 3,
        currentStart: 31,
        currentEnd: 40
      }
    }
  },
  methods: {
    onPerpageSizeChangeHandler: function(pPageSize) {
      this.searchResultPagin.perpageCount = pPageSize
    },
    onCurrentPageNoChangeHandler: function(pPageNo) {
      this.searchResultPagin.currentPage = pPageNo
    },
  }
};
</script>
<style lang="less" scoped>
@import "../../courseAssessmentScoped.less";
@import "../../exportBtn.less";
@sepc:175px;

.el-form-item-0 {
  > ::v-deep .el-form-item__label {
    width: @sepc;
  }
  > ::v-deep .el-form-item__content {
    margin-left: @sepc;
    > .el-input {
    }
  }
}
.search-result-pagin-panel {
  text-align:right;
}
.search-result-desc-panel {
  font-size: 14px;
  font-weidth: normal;
  font-family: @fontFamily;
  color: #004ca7;
  margin: 15px 0 0 0;
}
</style>